<!doctype html>
<html class="no-js" lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>06-c-dashboard-ok</title>
    <meta name="description" content="02-dati-auto" />
    <link rel="stylesheet" href="css/app.css" />
    <script src="bower_components/modernizr/modernizr.js"></script>
  </head>
  <body>

    <nav>
      <ul>
        <li class="dashboard"><a href="#" title="pannello di controllo">pannello di controllo</a></li>
        <li class="help"><a href="#" title="hai bisogno di aiuto? contattaci">hai bisogno di aiuto? contattaci</a></li>
        <li class="guide"><a href="#" title="Consulta la guida">Consulta la guida</a></li>
      </ul>
    </nav>

    <div class="wrapper">
      <header class="row">
        <div class="large-12 columns title">
          <h1 class="logo">Arval <span class="light">ritira il tuo usato</span></h1>
        </div>
      </header>

      <div class="row">
        <div class="arrow-down">
        </div>
      </div>

      <div class="row">
        <div class="large-12 columns welcome">
          <h2 class="welcome-title">Pannello di controllo</h2>
          <p class="welcome-text gray-border">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ornare porttitor urna, non interdum tortorMauri</p>
        </div>
      </div>

       <div class="row">
        <div class="large-12 columns pannello-controllo">
        
          <div class="pannello-controllo-box dati-anagrafici loaded">
            <div class="header">Dati anagrafici</div>
            <div class="image"></div>
            <div class="action"><span class="icon"></span></div>
          </div>

          <div class="pannello-controllo-box veicolo loaded">
            <div class="header">Veicolo 1 - Chx806w</div>
            <div class="image">
              <div class="foto">
                <img src="images/sample-content/sample2.jpg" alt="Foto Veicolo" />
              </div>
            </div>
            <div class="action"><span class="icon"></span></div>
          </div>
      
        </div>
      </div>

      <div class="row">
        <div class="large-12 columns">
           <div class="dotted-line"></div>
         </div>
      </div>

      <div class="row">
        <div class="large-12 columns aggiungi-veicolo">
        <a class="button add" href="#" title="Aggiungi un altro veicolo"><span class="icon">+</span> Aggiungi un altro veicolo</a>
        </div>
      </div>

      <div class="row">
        <div class="large-12 columns">
           <div class="dotted-line"></div>
         </div>
      </div>

      <div class="row">
        <div class="large-12 columns pannello-controllo-errors no-errors">
          <div class="error-text"></div>
        </div>
      </div>

      <form class="form-invia-auto" name="invia-auto" id="invia-auto">
        <div class="row">
          <div class="large-12 columns informativa-privacy">
            <input type="checkbox" value="1" name="informativa-privacy" id="informativa-privacy"  />
            <label for="informativa-privacy" class="chioce-label small">Ho letto e dichiaro di accettare <a href="#" title="Informativa privacy">l'informativa sulla privacy</a></label>
          </div>
        </div>

        <div class="row arrow-down"></div>

        <div class="row">
          <div class="large-12 columns invia-auto-arval">
            <a class="button radius invia" href="#" title="Invia auto ad arval">Invia auto ad arval<span class="icon"></span></a>
          </div>
        </div>

      </form>

    </div>

    <div class="copy">&copy; Arval 2014</div>
    <footer><a href="#" title="ARVAL Bnp Paribas Group"></a></footer>

    <script src="bower_components/jquery/dist/jquery.min.js"></script>
    <script src="bower_components/foundation/js/foundation.min.js"></script>
    <script src="js/app.js"></script>
  </body>
</html>
